@charset "utf-8";
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
img{display: block;}
ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}
body{ color: #f5f5f5}
.container{margin:0 auto;width: 1220px;}
.block{padding: 20px 0;}

@font-face {
    font-family: FOT -Gospel Std EB;
    src: url("./FOT -Gospel Std EB.ttf");
}

@font-face {
	font-family: FOT -Carat Std UB;
	src: url("./FOT -Carat Std UB.ttf");
}

.logo{width: 90px; position: absolute; left: 30px;}

.head{position: absolute;width:100%;background: #FFF;border-bottom:5px solid #EC5EA4;height:100px;z-index: 9999;top:0px;}
.head .navbox{width: 100%;margin: 0 auto;}
.head .nav{display: block;position: absolute; left: 150px;float: right;width:calc(100% - 180px)}
.head .nav .nav_pc{width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li .f_a{line-height:80px;display:block;text-align:center;background-color: #FF89CB;border-radius: 10px;margin: 5px;margin-top: 6.5px}
.head .nav ul li .f_a span{font-size:26px;color:#fff;font-family: FOT -Gospel Std EB}
.head .nav ul li:hover .f_a{background-color:#E4007F;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:rgba(0,0,0,0.00);;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color: #fff;background: #FF89CB;font-size:22px;font-weight: bold;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;border-radius: 10px;margin: 2px}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#E4007F;color: #fff;border-radius: 10px}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #E4007F}
.activ2{background-color: #E4007F}

.sidenav{position:relative;width:10%;display:block;float:left;padding-top: 5px;}
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #FF89CB;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 


@media screen and (min-width: 769px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}



@media screen and (max-width: 768px) {
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:50px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:2px solid #EC5EA4;overflow: hidden;}
   .m_img .headlf{margin-left:-16px;margin-top: -1.5px;float: left;}
   .m_img .headlf .m_logo{height:45px;display: block;padding-left: 25px;padding-top: 3px}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:20px;vertical-align: top;display: block;padding-top: 0px}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#000;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:30%;left:15px;top:15px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:70%;right:0px;top:0px;background:#FFF;height:100%;z-index:100;right:-80%;overflow-y: scroll}
   .m_nav .m_navList ul{padding-left:1%;padding-right:1%;padding-top: 5px}
   .m_nav .m_navList ul li{border-bottom:0px solid #FFF;background: #FF89CB;border-radius: 10px;margin: 5px}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
	.m_nav .m_navList ul li .m_f_a a span{color: #FFF; font-size: 24px;font-family: FOT -Gospel Std EB}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../asset/img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../asset/img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;background: #FFB7DF;border-radius: 0px 0px 10px 10px}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:20px;font-weight: bold;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

.placeholder{
    height: auto; /*设定footer高度*/
    position: fixed; /*设定footer绝对位置在底部*/
    bottom: 0;
    width: 100%; /*展开footer宽度*/
    background-color: rgba(255,183,223,0);
    line-height: auto;
    text-align: center;
	z-index: 999;
	
}

.placeholder div{
	padding: 5px;
	font-size: 0.8vw;
	color: rgba(0,0,0,0);
}

#id_footer {
    height: auto; /*设定footer高度*/
    position: fixed; /*设定footer绝对位置在底部*/
    bottom: 0;
    width: 100%; /*展开footer宽度*/
    background-color: rgba(255,183,223,0.70);
    line-height: auto;
    text-align: center;
	z-index: 999;
}

#id_footer div{
	padding: 5px;
	font-size: 0.1vw;
	color: #000;
}

#id_footer a:link {color: #E4007F;font-size: 0.8vw;}     /* 未访问的链接 */
#id_footer a:visited {color: #E4007F;font-size: 0.8vw;}  /* 已访问的链接 */
#id_footer a:hover {color: #D0468A;font-size: 0.8vw;}    /* 当有鼠标悬停在链接上 */
#id_footer a:active {color: #E4007F;font-size: 0.8vw;}   /* 被选择的链接 */
